@charset "utf-8";
@import "common";
$bgcolor-login:#f7f7f7;

header,.content{
	background-color: $bgcolor-login;
}
.content{
	position: absolute;
	top:heightRel(88px);
	bottom:0;
	width: 100%;
	overflow-x: hidden;
	padding: heightRel(30px) 3%;
	.form-wrap{
		>div{
			margin-bottom:heightRel(30px) ;
		}
		.pwd{
			border-top: none;
			border-bottom: none;
		}
	}
	.phone,.vercode,.other-wrap>div{
		display: flex;
		align-content: center;
		align-items: center;
		width: 100%;
		height: heightRel(85px);
		line-height: heightRel(85px);
		background: white;
		border: 1px solid #dfdfdd;
		padding:0 3%;
		p{
			width: 24%;
			text-align: left;
			font-size: heightRel(28px);
		}
		input{
			width: 80%;
			height: 90%;
			border: none;
			padding-left: 1%;
			font-size: heightRel(28px);
		}
		input::-webkit-input-placeholder{
			color: #cccccc;
		}
	}
	.wrap{
		display: flex;
		justify-content: space-between;
		.vercode{
			width:59%;
			p{
				width:57%;
			}
		}
		a{
			width: 35%;
			text-align: center;
			line-height: heightRel(85px);
			background: #ffffff;
			border: 1px solid #dfdfdd;
			color: #666666;
			position:relative;
			span{
				color:#d62d31;
			}
			div{
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				z-index: 99;
			}
		}
	}
	.agreement{
		font-size: heightRel(24px);
		display: flex;
		align-content: center;
		.cho{
			width:heightRel(29px) ;
			height: heightRel(28px);
			margin-right: 1%;
			background: url(../img/unagreement.png) no-repeat center center/100% 100%;
		}
		.agree{
			
			background: url(../img/agreement.png) no-repeat center center/100% 100%;
		}
		a{
			color: #d62d31;
		}
	}
	.submit-btn{
		width: 100%;
		margin-top:heightRel(64px);
		margin-bottom:15px;
		display: block;
		background: #d62d31;
		height: heightRel(85px);
		line-height: heightRel(85px);
		border-radius: 10px;
		text-align: center;
		color: #ffffff;
		font-size: heightRel(32px);
	}
	
	.tipwindow{
		padding: heightRel(30px) 0 heightRel(40px);
		width: 39%;
		height: heightRel(183px);
		background: rgba(0,0,0,.7);
		border-radius: 18px;
		position: absolute;
		top: heightRel(154px);
		left: 0;
		right: 0;
		margin: auto;
		display: none;
		.face{
			width: heightRel(71px);
			margin: 0 auto;
			height: heightRel(71px);
			overflow: hidden;
			img{
				width: 100%;
				height: 100%;
			}
		}
		p{
			text-align: center;
			color: white;
			font-size: heightRel(28px);
			margin-top: heightRel(14px);
			letter-spacing: 1px;
		}
	}
}

